﻿
.red[type=radio] {
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 14px;
    border-radius: 50%;
}

    .red[type=radio]::after {
        position: absolute;
        top: 0;
        background-color: #fafafa;
        color: #f60c0c;
        border: 1px solid #FF1D23;
        border-radius: 50%;
        width: 15px;
        height: 15px;
        display: inline-block;
        visibility: visible;
        padding-left: 0px;
        text-align: center;
        content: ' ';
        border-radius: 50%;
    }

    .red[type=radio]:checked::after {
        font-size: 12px;
        font-weight: bold;
        background-color: #FF1D23;
    }



.yellow[type=radio] {
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 14px;
    border-radius: 50%;
}
    .yellow[type=radio]::after {
        position: absolute;
        top: 0;
        background-color: #fafafa;
        color: #f5b209;
        border: 1px solid #ffa45c;
        width: 15px;
        height: 15px;
        display: inline-block;
        visibility: visible;
        padding-left: 0px;
        text-align: center;
        content: ' ';
        border-radius: 50%;
    }
    .yellow[type=radio]:checked::after {
        font-size: 12px;
        font-weight: bold;
        background-color: #ffa45c;
    }


.green[type=radio] {
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 14px;
    border-radius: 50%;
}

    .green[type=radio]::after {
        position: absolute;
        top: 0;
        background-color: #fafafa;
        color: #0cf623;
        border: 1px solid #BDF271;
        width: 15px;
        height: 15px;
        display: inline-block;
        visibility: visible;
        padding-left: 0px;
        text-align: center;
        content: ' ';
        border-radius: 50%
    }

    .green[type=radio]:checked::after {
        font-size: 12px;
        font-weight: bold;
        background-color: #BDF271;
    }


input[type=radio] {
    cursor: pointer;
    position: relative;
    width: 15px;
    height: 15px;
    font-size: 14px;
}
